* {padding: 0; margin: 0;}

.l, .ubox, .signP {float: left;}
.r {float: right;}
.c {clear: both; font-size: 0; height: 0; overflow: hidden;}
.s0, .w1, .h1, .h10 {font-size: 0; height: 0; overflow: hidden;}
.w1 {width: 1px;}
.w1- {width: 1px; overflow: hidden; font-size: 0;}
.h1 {height: 1px;}
.h100 {height: 100%;}
.h25 {height: 25px;}
.h14 {height: 14px;}
.hide {display: none;}
/*
.ie6pngfix, .signKey-l, .signKey-c, .signKey-r, .signUBox, .signWord, .signPBox { behavior: url(../script/iepngfix.htc) }
*/

.pageBG0, .pageBG {background: #d8dec6 url("image/page.bg.png") repeat-x top left;}
.pageBG {position: relative;}

.caption-size, .caption, .caption-r, .caption-l {height: 46px; width: 865px;}
.caption {background: url("image/caption.bg.png") repeat-x 0 -92px; margin: 0 auto 0;}
.caption-r {background: url("image/caption.bg.png") no-repeat right -46px;}
.caption-l {background: url("image/caption.bg.png") no-repeat left 0px;}

.show, .show-r, .show-l {height: 328px; width: 867px; overflow: hidden;}
.show {background: url("image/show.bg.png") repeat-x 0 -656px; margin: 5px auto 0;}
.show-r {background: url("image/show.bg.png") no-repeat right -328px;}
.show-l {background: url("image/show.bg.png") no-repeat left 0px;}

.overall, .overall-r, .overall-l {height: 233px; width: 858px; overflow: hidden; color: #666;}
.overall {background: url("image/overall.bg.png") repeat-x 0 -466px; margin: 9px auto 0;}
.overall-r {background: url("image/overall.bg.png") no-repeat right -233px;}
.overall-l {background: url("image/overall.bg.png") no-repeat left -0;}

.sep-h {background: url("image/dashed.1.png") repeat-x; height: 1px;}
.sep-h-2 {background: #666; height: 1px;}

.overall-slide {background: #f5f8f1; border: 1px solid #d7d7d7; width: 263px; height: 154px; margin: 10px; cursor: pointer;}
.overall-sep {height: 229px; width: 1px; background: url("image/dashed.2.png"); margin-top: 2px;}
.overall-title {font-weight: 500; font-size: 15px; color: Black; padding: 0 0 5px 10px;}

.slide-draft {background: url("image/draft.small.png") no-repeat center center;}
.slide-case {background: url("image/case.small.png") no-repeat center center;}

.show-isaved {height:265px; width: 845px; background: url("image/show.isaved.png") no-repeat left top;}
#slider {height:265px; width: 845px; overflow: hidden;}

.btn, .btn-prev, .btn-next, .btn-prev-down, .btn-next-down {width: 93px; height: 43px; border: 0; cursor: pointer;}
.btn-prev {background: url("image/btn.prev.next.png") no-repeat 0 0;}
.btn-next {background: url("image/btn.prev.next.png") no-repeat -93px 0;}
.btn-prev-down {background: url("image/btn.prev.next.png") no-repeat 0 -43px;}
.btn-next-down {background: url("image/btn.prev.next.png") no-repeat -93px -43px;}

.commonFont, .overview, .title, .subtitle, .content-footer-font, .sitename, .menu, .overall {font-family: Arial; font-size: 12px;}
.overview {margin: 5px auto 0; width: 858px; padding-top: 20px; color: #000 !important;}
.overview div {padding: 0 30px 5px 20px; color: #666;}
.title {color: #000 !important; font-weight: 700; padding-bottom: 10px !important;}
.subtitle {color: #666; font-weight: 700; padding-bottom: 5px; padding-top: 15px;}

.content {margin: 0 auto 0; width:863px; background: #fff url("image/content.bg.png") repeat-y left top; height: auto; position: relative;}
.content-top {margin: 5px auto 0; width:863px; height: 6px; background: #fff url("image/content.bg.top.png") no-repeat left bottom;}
.content-bottom {margin: 0 auto 5px; width:863px; height: 6px; background: #fff url("image/content.bg.bottom.png") no-repeat left top;}
.content-footer {height: 60px; background: #d1d1d1; margin: 30px 0px 0px 0px;}
.content-footer-font{color: #fff; font-size: 14px; text-align: right; padding: 21px 24px 0 0;}

.content2 {margin: 0 auto 0; width:857px; background: #E4E8D7; height: auto; position: relative; border: solid 1px #ccc; padding-bottom: 20px;}

.sitename {margin: 5px auto 0; color: #cddf98; height: 64px; width: 855px; background: url("image/sitename.png") no-repeat bottom left;}


.menu {font-size: 18px; font-family: Arial; color: #444; padding-left: 15px;}
.menu ul {display: block; margin: 0 40px 0 0; padding: 0px;}
.menu li {display: list-item; width: 136px; height: 30px; text-align: center; float: left; list-style: none outside none; cursor: pointer;}

.menu a {line-height: 44px; vertical-align: bottom; width: 136px; height: 39px; display: block; background-repeat: no-repeat; background-image: url("image/menu.png");}

.menu a.one {background-position: 0 0;}
.menu a.two {background-position: -136px 0;}
.menu a.three {background-position: -272px 0;}
.menu a.four {background-position: -408px 0;}
.menu a.five {background-position: -544px 0;}

.menu ul li a:hover, .menu ul li a.active {background-image: url("image/menu.active.png");}

ul.submenu {display: block; margin: 0 0 0 105px; padding: 0;}
ul.submenu li {display: list-item; height: 11px; text-align: center; float: left; list-style: none outside none;}
ul.submenu a {cursor:pointer; background-repeat: no-repeat; background-image: url("image/submenu.png"); display: block; width: 56px; height: 11px; font-size: 0px; text-decoration: none;}
ul.submenu a.one {background-position: 0 0; width: 85px;}
ul.submenu a.two {background-position: -85px 0; width: 173px;}
ul.submenu a.three {background-position: -258px 0; width: 91px;}
ul.submenu a.four {background-position: -348px 0; width: 70px;}
ul.submenu a.five {background-position: -420px 0; width: 50px;}
ul.submenu a.six {background-position: -470px 0; width: 107px;}
ul.submenu li a:hover, ul.submenu li a.active {background-image: url("image/submenu.active.png");}

ul.browser {display: block; margin: 4px auto; padding: 0px; width: 820px;}
ul.browser li {display: list-item; height: 16px; text-align: center; float: left; list-style: none outside none; font-family: arial; font-size: 11px !important; color: #666; padding-bottom: 10px;}
ul.browser li.sep {width: 20px; padding-top: 0px;}
ul.browser li.halfsep {width: 10px;}
ul.browser li.brand {float:right !important;}
ul.browser li.support {color: Green;}
ul.browser li.unsupport {color: red;}

.exhibit {margin: 0 auto; width: 821px; overflow: hidden;}
.exhibit-border-1 {border: solid 1px #ccccff; overflow: hidden;}
.exhibit-border-2 {border: solid 1px #3c9716; overflow: hidden;}

.newsImg {background: #000 url("image/news.550D.jpg") no-repeat left center; width: 150px; height: 100px; margin-left: 25px; margin-right: 20px; }
.newsImg2 {background: #fff url("image/news.hong.jpg") no-repeat center center; width: 248px; height: 122px; margin-left: 14px; margin-right: 20px; cursor: pointer; }
.newsTitle {font-size: 13px; font-weight: 700; color: #000; }
.newsContent {font-size: 12px; color: #6B6B6B;}
.newsInfo {font-size: 10px; color: #7F7F7F; padding: 2px 0 10px 0;}
.news1 {background: #000 url("image/news.550D.bg.jpg") no-repeat right center; height: 150px;}
.news2 {background: #fff url("image/news.hong.bg.jpg") no-repeat center center; height: 150px; border: solid 0px #480A01;}

.about {margin: 0 auto 0; position: relative; width: 875px; height: 336px;}
.about * {font-family: Microsoft Sans Serif; color: #fff;}
.about .aboutContent { background: url("image/about.bg.png") no-repeat -1px top; width: 877px; height: 558px; position:absolute; top:-14px; left: 0;}

.about-v1- {position: absolute; top: -80px; left: 350px;}
.about-v1 {background: url("image/about.v1.png"); width: 100px; height: 699px;}

.about-v2- {position: absolute; top: 140px; left: 595px;}
.about-v2 {background: url("image/about.v2.png"); width: 100px; height: 362px;}

.about-v3- {position: absolute; top: 150px; left: 830px;}
.about-v3 {background: url("image/about.v3.png"); width: 100px; height: 183px;}

.about-v4- {position: absolute; top: 280px; left: 45px;}
.about-v4 {background: url("image/about.v3.png"); width: 100px; height: 183px;}

.about-h1 {background: url("image/about.h1.png") no-repeat left top; position: absolute; top: 350px; left: -50px; width: 447px;}
.about-h2 {background: url("image/about.h2.png") no-repeat left top; position: absolute; top: 200px; left: 250px; width: 696px;}
.about-caption {font-size: 30px; font-weight: 700; padding-bottom: 10px;}
.about-title {font-size: 13px; font-weight: 700; color: #fff; font-family: Arial;}
.about-content {font-size: 13px; color: #eee; padding-bottom: 4px;}

.draft-login {background: url("image/draft.login.jpg") no-repeat left top; width: 872px; height: 530px; margin: 0 auto;}
.draft-bg-1 {background: url("image/draft.bg.1.jpg") no-repeat left top; width: 872px; height: 503px; margin: 0 auto; overflow: hidden;}


.signTable {height: 100%; width: 100%;}
.signTop {height: 150px;}
.signBottom {height: 40px;}
/*
.signContent {background-color: Gray;}
.signBox {}
*/
.signKey-r {width: 66px; height: 143px; background: url("image/login.box.r.png") no-repeat right top;}
.signKey-l {width: 66px; height: 143px; background: url("image/login.box.l.png") no-repeat left top;}
.signKey-c {width: 800px; height: 143px; background: url("image/login.box.png") repeat-x left top;}
.signUBox {background: url("image/login.ubox.png") no-repeat left top; cursor: pointer;}
.signUBox-p, .signUBox {width: 176px; height: 143px;}
.signUBox-p {background: Transparent; filter: none;}
.signJiu {background-image: url("image/jiu.png");}
.signSe {background-image: url("image/se.png");}
.signCai {background-image: url("image/cai.png");}
.signJiu-c {background-image: url("image/jiu.c.png");}
.signSe-c {background-image: url("image/se.c.png");}
.signCai-c {background-image: url("image/cai.c.png");}
.signWord {background-repeat: no-repeat; background-position: left top; width: 72px; height: 72px; margin-top: 38px;}
.signPRegion {height: 80px; position: relative; overflow: visible;}
.signPBox {background: url("image/login.bbox.png") repeat-x left top; height: 80px; width: 100%; position: absolute; top: -11px;}
.signPOuter {width: 1100px; padding: 14px 0 0 35px; margin: 0 auto;}
.signP-bg {background: url("image/login.b.png") no-repeat left top;}
.signP {width: 57px; height: 57px; margin-right: 10px; cursor: pointer; font-family: Arial; color: #ddd; font-size: 40px; padding: 4px 0 0 0px; text-align: center;}
.loginBtn { margin: 6px 0 0 10px; display: block; position: absolute; top: 0; left: -470px;
	font-size: 10px; line-height: 11px; font-family: Arial; text-align: center;
	border: solid 1px #999; background: #D2D9C1; color: #aaa; cursor: pointer;
	height: 12px; width: 50px;}

/*
.loginBox { height: 100%; width: 100%; position: absolute; top: 0; left: 0;}
.loginBox-b {height: 143px; width: 100%; position: relative;}
.loginBox-i {padding: 0 66px;}
.loginBox-i div {background: url("image/login.box.png") repeat-x left top; width: 100%; height: 143px;}
.loginBox-o {background: url("image/login.box.r.png") no-repeat right top; height: 143px; position: absolute; top: 0; width: 100%;}
.loginBox-o div {background: url("image/login.box.l.png") no-repeat left top; height: 143px;}

.loginBBox {background: url("image/login.bbox.png") repeat-x left top; width: 100%; height: 80px; position: absolute; top: 132px;}
.loginUBox {background: url("image/login.ubox.png") no-repeat left top; cursor: pointer;}
.loginUBox-p, .loginUBox {width: 176px; height: 143px; position: absolute; top: 0;}

.loginSign {background-repeat: no-repeat; background-position: left top; width: 72px; height: 72px;}
.loginJiu {background-image: url("image/jiu.png");}
.loginSe {background-image: url("image/se.png");}
.loginCai {background-image: url("image/cai.png");}
.loginJiu-c {background-image: url("image/jiu.c.png");}
.loginSe-c {background-image: url("image/se.c.png");}
.loginCai-c {background-image: url("image/cai.c.png");}

.loginB-bg {background: url("image/login.b.png") no-repeat left top;}
.loginB {width: 57px; height: 57px; margin-right: 10px; cursor: pointer; font-family: Arial; color: #ddd; font-size: 40px; padding: 4px 0 0 0px; text-align: center;}
.loginBOuter {width: 1200px; padding: 14px 0 0 140px;}

.loginBtn {border: solid 1px #999; background: #D2D9C1; color: #aaa; cursor: pointer; margin-left: 10px; line-height: 10px; font-size: 10px; height: 14px; width: 50px; line-height: 11px; font-family: Arial; text-align: center; position: absolute; z-index: 100; top: 6px;}



#eaece2
*/
